﻿<!DOCTYPE html>
<head>
    <meta charset="UTF-8" />
    <title>Showing Product Information With CSS3 3D Transform | Webstuffshare.com</title>
    <meta name="description" content="Tutorial : Showing Product Information With CSS3 3D Transform" />
    <meta name="author" content="Webstuffshare" />
    <link rel="stylesheet" href="demo.css?v=2" />
    <style>
        .contentscale {
            -moz-transform: scale(3);
            -moz-transition: all .5s;
            -webkit-transform: scale(3);
            -webkit-transition: all .5s;
            -o-transform: scale(3);
            -o-transition: all .5s;
            transform: scale(3);
            transition: all .5s;
        }
        .contentwrap{
            background-color:yellow;
            height:200px;
            width:90%;
            margin-left:auto;
            margin-right:6%;
        }
    </style>
    <script src="../js/common/jquery-1.8.2.js"></script>
</head>
<body>
    <div id="container">
     
        <div class="wrapper">
            <div class="item">
                <img src="images/contact.png" />
                <span class="information">
                    <strong>Contact Form</strong> The easiest way to add a contact form to your shop.
                </span>
            </div>
        </div>

        <div class="wrapper">
            <div class="item">
                <img src="images/chimpified.jpeg" />
                <span class="information">
                    <strong>Chimpified</strong> Chimpified connects your Shopify store to your Mailchimp account.
                </span>
            </div>
        </div>

        <div class="wrapper">
            <div class="item">
                <img src="images/olark.png" />
                <span class="information">
                    <strong>Olark Chat</strong> Chat with your customers. Watch them fill their shopping carts.
                </span>
            </div>
        </div>      
        <div class="wrapper">
            <div class="item">
                <img src="images/jilt.png" />
                <span class="information">
                    <strong>Jilt</strong> Jilt lets you easily and effectively follow up with customers who have abandoned their orders.
                </span>
            </div>
        </div>
        <div class="wrapper">
            <div class="item">
                <img src="images/ordoro.png" />
                <span class="information">
                    <strong>Ordoro</strong> Automate your backoffice: aggregate orders, manage inventory, print shipping labels.
                </span>
            </div>
        </div>
        <div class="wrapper">
            <div class="item">
                <img src="images/yotpo.jpeg" />
                <span class="information">
                    <strong>Yotpo</strong> Social reviewing solution,increase your social engagement through social reviews.
                </span>
            </div>
        </div>
        <div class="contentwrap">内容</div>
    </div>  
    <script type="text/javascript">
      
    </script>

</body>
</html>